<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*header*/
.header{ min-width:1300px; }
.header-banner{ height:157px;background-image: url(images/bannerNew.png); background-position: center top; background-repeat: no-repeat;}
.header .banner-container{position: relative; width: 1200px; margin: 0 auto; }
.header .logo{position:absolute; top:0px; left: 0; width: 60%; height: 157px; background-image: url(images/logo.png); background-position: left center; background-repeat: no-repeat;}
.logoRight{ position:absolute; top:20px; right:0; width:430px;}
.headGn{ }
.headGn ul li{ float: right; height: 20px; line-height: 20px; padding: 0px 10px; font-size: 14px;}
.headGn ul li i{ width: 40px; height:20px; display: block; float: left; background-position: center center; background-repeat: no-repeat;}
.headGn ul li i.headIcon1{ background-image: url(images/headIcon1.png);}
.headGn ul li i.headIcon2{ background-image: url(images/headIcon2.png);}
.headGn ul li i.headIcon3{ background-image: url(images/headIcon3.png);}
.headGn ul li span{ height: 20px; color: #788597;}
.headGn ul li span a{ color:#788597;}
.riQi{color: #69718a; font-size: 15px; height: 40px; line-height: 40px;}

/*header*/
.headTop {height:34px; display:block; }
.headTop_left{ height:34px; width:45%; display:block; line-height:34px; font-size:14px; color:#fff;}
.headTop_left span{ display:block; float:left; }
.headTop_left span a{ color:#fff8de; display:block; padding-left:30px;  background-image: url(images/top_iocbk.png); background-position:10px center; background-repeat:no-repeat;}
.headTop_right{ text-align:right; height:34px; width:40%; display:block; line-height:34px; font-size:14px; color:#fff;}
.headTop_right span{ padding:0px 20px; display:block; float:right; }
.headTop_right span.login_gl{ background-image:url(images/top_iocphone.png); padding-left:40px; background-position:10px center; background-repeat:no-repeat; height:34px; display:block;}
.headTop_right span a{ color:#fff8de;}
.headTop a:hover{ color:#fff;}

/*header nav*/
.header-nav{ height: 240px; box-shadow: 0px 2px 3px 1px rgba(12,63,133,0.1); background-image:url(images/bannerNew.png);background-position:center center;background-repeat:no-repeat;}
.header-nav-son{ width: 1300px; margin:0 auto; height: 53px;}
.header-nav-son ul.ulLeft{ margin: 0px; padding: 0px; float: left; width: 44%; display: block; height: 53px;}
.header-nav-son ul.ulRight{ margin: 0px; padding: 0px; float: right; width: 44%; display: block; height: 53px;}
.header-nav-son ul li{ width: 25%;height: 53px; line-height: 53px; text-align: center; display: block; float: left; background: url(images/navLine.png) no-repeat center right;}
.header-nav-son ul li:last-child{ background-image: none;}
.header-nav-son ul li a{ width: 100%; height: 53px; line-height: 53px;  display: block; font-weight: bold;color: #333; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
.header-nav-son ul li a:hover,.header-nav-son ul li a.active{ background-color: #c3231c; color: #fff; border-top: 4px solid #ffad55; height:49px;}
.center_logo{ background-image: url(./images/logo.png); background-position:center center;background-repeat: no-repeat; height: 160px; display: block;}

</pre></body></html>